<template>
  <div id="app">
    <LF />
  </div>
</template>

<script>
import LF from "./components/LF";

export default {
  name: 'App',
  data() {
    return {}
  },
  components: {
    LF
  },
  methods: {
    func() {
      this.$message.info('This is a normal message');
    }
  }
}
</script>

<style>
@import "../src/assets/iconfont/iconfont.css";
:root{
  --primary:#015478;
  --bg: #f5f7fa;
}



* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,body, #app{
  width: 100%;
  height: 100%;
  overflow: hidden;
}

textarea.ant-input {
  border: none;
  background: #f4f5f9;
  outline: none;
  resize: none;
}

.pro-form .ant-form-item {
  margin-bottom: 10px;
  border-bottom: solid 1px #f1f1f1;
}

.pro-form .ant-form-item .ant-form-item-label {
  margin-top: 4px;
}

.pro-form .ant-row .ant-col:last-child .ant-form-item {
  border: none;
}
</style>
